import { Col, Row } from "antd";
import Link from "next/link";
export default function Footer(props) {
  return (
    <footer>
      {/* <div className="cms_searvice">
        <Subscribe />
      </div> */}
      <Row className="footer-content">
        <Col xs={1} md={2}></Col>
        <Col xs={22} md={20}>
          <Row>
            <Col xs={24} md={6} className="footer-block">
              <h5 className="footer-title">INFORMATION</h5>
              <ul className="list-unstyled ul-wrapper">
                <li>
                  <Link href={`/page/12`}>
                    <a>OUR STORY</a>
                  </Link>
                </li>
                <li>
                  <Link href={`/page/10`}>
                    <a style={{ textAligin: "left" }}>PRIVACY POLICY</a>
                  </Link>
                </li>
                <li>
                  <Link href={`/page/11`}>
                    <a style={{ textAligin: "left" }}>TERMS OF USE AND SERVICES</a>
                  </Link>
                </li>
                <li>
                  <Link href={`/page/13`}>
                    <a style={{ textAligin: "left" }}>RETURNS POLICY</a>
                  </Link>
                </li>
                <li>
                  <Link href={`/page/15`}>
                    <a style={{ textAligin: "left" }}>COOKIE POLICY</a>
                  </Link>
                </li>
              </ul>
            </Col>
            <Col xs={24} md={6} className="footer-block">
              <h5 className="footer-title">MY ACCOUNT</h5>
              <ul className="list-unstyled ul-wrapper">
                <li>
                  <Link href="/account/">
                    <a>My Account</a>
                  </Link>
                </li>

                {/* <li>
              <a href="#">Newsletter</a>
            </li>
            <li>
              <a href="#">Gift Certificates</a>
            </li> */}
              </ul>
            </Col>
            <Col xs={24} md={6} className="footer-block">
              {/* <h5 className="footer-title">Fast Link</h5> */}
              <h5 className="footer-title">FAQs</h5>
              <li>
                <Link href={`/page/14`}>
                  <a>FAQS</a>
                </Link>
              </li>
            </Col>
            <Col xs={24} md={6} className="footer-block">
              <div className="content_footercms_right">
                <div className="footer-contact">
                  {/* <h5 className="contact-title footer-title">Contact Us</h5> */}
                  <h5 className="contact-title footer-title">CONTACT US</h5>
                  <ul className="ul-wrapper">
                    <li>
                      <i className="fa fa-map-marker"></i>
                      <div className="location2">Offices Addresss</div>
                      <div>{props?.siteData?.adress}</div>
                    </li>
                    <li>
                      <i className="fa fa-envelope"></i>
                      <div className="location2">mail</div>
                      <div className="mail2">{props?.siteData?.mail}</div>
                    </li>
                    <li>
                      <i className="fa fa-mobile"></i>
                      <div className="location2">phone</div>
                      <span className="phone2">
                        1-954-600-8788
                      </span>
                    </li>
                  </ul>
                </div>
              </div>
            </Col>
          </Row>
        </Col>
        <Col xs={1} md={2}></Col>
      </Row>
      <div className="footer-bottom">
        <div id="bottom-footer">
          <div className="copyright">
            Copyright &copy; {new Date().getFullYear()}.NINAMOKA All rights
            reserved.
          </div>
        </div>
      </div>
    </footer>
  );
}
